<template>
  <div class="App">
    <h1 class="content">我是APP</h1>
    <p>{{ count }}</p>
    <!-- 
      props的使用:
        - 作用:主要是为了向子组件传递一些数据,用给子组件添加属性的方式传递,这样被称作为props传值

     -->
    <Count :count="count" :changeCount="changeCount" />
  </div>
</template>

<script>
import Count from "@/components/Count";
export default {
  name: "App",
  components: {
    Count,
  },
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    //自己的数据自己来改
    //如果别人想改，我们就把自己定义的改自己数据方法传给他
    changeCount(n) {
      this.count += n;
    },
  },
};
</script>
